<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<jsp:include page="../../commons.jsp"></jsp:include>
<html>
<head>
    <title>多业务自动拨测系统</title>
    <script type="text/javascript">
        $(function(){
            //顶部导航切换
            $("#demo-list li").click(function(){

                //简单的逻辑  开发需自行调整
                if($(this).find('.submenu').length){
                    return ;
                }else{
                    $("#demo-list li.active").removeClass("active");
                    $($(this).parents("#demo-list li")).each(function(){
                        $(this).addClass("active")
                    });
                    $(this).addClass("active");
                }

            })
        })
    </script>

    <style type="text/css">
        .sidebar-left-menu{width:180px;position:absolute;left:0;}
        .jquery-accordion-menu{
            width: 180px;
            min-width:180px;
            box-shadow:none;
        }
        .jquery-accordion-menu ul li a i{
            margin-top: 3px;
            width: 24px;
        }
        .jquery-accordion-menu .submenu-indicator{
            line-height: 15px;
        }
        .filterinput{
            background-color:rgba(249, 244, 244, 0);
            border-radius:15px;
            width:90%;
            height:30px;
            border:thin solid #FFF;
            text-indent:0.5em;
            font-weight:bold;
            color:#FFF;
        }
        #demo-list a{
            overflow:hidden;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            white-space:nowrap;
            width:100%;
        }
        .fix-left-bg{
            position: fixed;
            left: 0;
            bottom:0;
            top: 41px;
            width: 180px;
            background: #343e43;
        }
    </style>
</head>

<body class="page-container-bg-solid">

    <!-- BEGIN HEADER -->
    <div class="page-header">
        <!-- BEGIN HEADER MENU -->
        <div class="page-header-menu">
            <div class="container-fluid">
                <div class="hor-menu">
                    <div class="page-logo">
                        <a href="index.html">
                            <img src="${ctx}/resources/assets/img/logo.png" alt="logo" class="logo-special">
                        </a>
                    </div>
                    <ul class="nav navbar-nav">
                        <li class="">
                            <a href="10086.html">
                                集团考核
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li>
                            <a href="${ctx}/analysis/resource/reckonList">省内分析<span class="arrow"></span></a>
                        </li>
                        <li class="">
                            <a href="device-gis.html">
                                设备监控
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li class="">
                            <a href="alarm-detail.html">
                                告警监控
                                <span class="arrow"></span>
                            </a>
                        </li>
                        <li class="">
                            <a href="export.html">
                                自定义导出
                                <span class="arrow"></span>
                            </a>
                        </li>
                    </ul>
                    <!-- END TOP NAVIGATION MENU -->
                </div>
                <!-- END MEGA MENU -->
            </div>
        </div>
        <!-- END HEADER MENU -->
    </div>
    <!-- END HEADER -->

    <div class="page-container">
        <div class="sidebar-left-menu">
            <div class="fix-left-bg"></div>
            <div id="jquery-accordion-menu" class="jquery-accordion-menu black">
                <!--<div class="jquery-accordion-menu-header" id="form"></div>-->
                <ul id="demo-list">
                    <li>
                        <a href="#"><i class="fa fa-cog"></i>资源管理处测试 </a>
                        <ul class="submenu">
                            <li><a href="#">预排名估算</a></li>
                            <li><a href="#">PC客户端视频</a></li>
                            <li><a href="#">手机视频 </a></li>
                            <li><a href="#">IDC服务器PING测试 </a></li>
                            <li><a href="#">TOP5游戏PING测试 </a></li>
                            <li><a href="#">十大网银+十大证券测试 </a></li>
                            <li><a href="#">TOP100网站测试 </a></li>
                        </ul>
                    </li>
                    <li class="active">
                        <a href="#" class="submenu-indicator-minus"><i class="fa fa-cog"></i>质量管理处测试 </a>
                        <ul class="submenu" style="display: block;">
                            <li><a href="${ctx}/analysis/quality/reckonList">预排名估算 </a></li>
                            <li class="active"><a href="${ctx}/analysis/quality/webVisitList">TOP100网页访问</a></li>
                            <li><a href="#">客户端视频 </a></li>
                            <li><a href="#">游戏PING测试 </a></li>
                            <li><a href="#">HTTP文件下载 </a></li>
                            <li><a href="#">QOS Ping测试 </a></li>
                            <li><a href="#">BRAS Ping测试 </a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-cog"></i>互联互通处测试 </a>
                        <ul class="submenu">
                            <li><a href="#">预排名估算</a></li>
                            <li><a href="#">集团骨干出口PING测试</a></li>
                            <li><a href="#">集团骨干出口WEB访问 </a></li>
                            <li><a href="#">集团三方出口PING测试 </a></li>
                            <li><a href="#">集团三方出口WEB访问 </a></li>
                        </ul>
                    </li>
                </ul>
                <!--<div class="jquery-accordion-menu-footer">-->
                <!--Footer-->
                <!--</div>-->
            </div>
        </div>

        <script type="text/javascript">
            (function($) {
                $.expr[":"].Contains = function(a, i, m) {
                    return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
                };
                function filterList(header, list) {
                    //@header 头部元素
                    //@list 无需列表
                    //创建一个搜素表单
                    var form = $("<form>").attr({
                        "class":"filterform",
                        action:"#"
                    }), input = $("<input>").attr({
                        "class":"filterinput",
                        type:"text"
                    });
                    $(form).append(input).appendTo(header);
                    $(input).change(function() {
                        var filter = $(this).val();
                        if (filter) {
                            $matches = $(list).find("a:Contains(" + filter + ")").parent();
                            $("li", list).not($matches).slideUp();
                            $matches.slideDown();
                        } else {
                            $(list).find("li").slideDown();
                        }
                        return false;
                    }).keyup(function() {
                        $(this).change();
                    });
                }
                $(function() {
                    filterList($("#form"), $("#demo-list"));
                    window.addEventListener('scroll', function(){
                        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
                        if(scrollTop>40){
                            $(".fix-left-bg").css("top", '0');
                        }else{
                            $(".fix-left-bg").css("top", '41px');
                        }
                    })
                });
            })($);

            $("#jquery-accordion-menu").jqueryAccordionMenu();
        </script>


        <div class="has-left-menu">
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <a href="index.html">省内分析</a>
                    <small>/</small>
                </li>
                <li>
                    <a href="#">质量管理处测试</a>
                    <small>/</small>
                </li>
                <li>
                    <span>Top100网页访问</span>
                </li>
            </ul>
            <div class="page-content">
                <div class="portlet light ">
                    <div class="portlet-title">
                        <div class="caption">
                            <span class="caption-subject font-dark uppercase ">
                                Top100网页访问
                            </span>
                            &nbsp;
                            <a type="button" class="btn btn-default btn-xs" href="./scene-manage.html">
                                <i class="fa fa-level-up"></i> 返回列表
                            </a>
                        </div>
                        <div class="actions">
                            <button type="button" class="btn blue input-small" disabled="">确认新建</button>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <table class="table table-vertical-middle table-bordered table-condensed table-advance table-striped">
                            <thead>
                            <!--<tr>-->
                            <!--<th colspan="5" class="text-center">任务组所含任务</th>-->
                            <!--</tr>-->
                            <tr>
                                <th>统计人</th>
                                <th>报表名称</th>
                                <th>报表类型</th>
                                <th>统计进度</th>
                                <th>下达时间</th>
                                <th>完成时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>

                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Root</td>
                                <td>宋涛的Ping报表</td>
                                <td>Ping丢包时延统计</td>
                                <td>100%</td>
                                <td>2017-10-12 12:00</td>
                                <td>2017-10-12 13:00</td>
                                <td>
                                    <a href="#">查看</a>
                                    <span class="split-line">|</span>
                                    <a href="#">删除</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--<div class="page-footer">
        <div class="container-fluid">  2016 &copy; Design by Songt.
            <a href="javascript:;" title="宁波普天通信技术有限公司" target="_blank">宁波普天通信技术有限公司</a>
        </div>
    </div>--%>
    <div class="scroll-to-top">
        <i class="icon-arrow-up"></i>
    </div>
</body>
</html>

